font-style

С

Chrome

Opera

Safari

Firefox

7.0

8.0

9.0

7.0

8.0

9.6

10.0

10.0

3.1

4.0

5.0

3.0

3.6

4.0

Помилка

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

 

Коротка інформація

CSS

CSS1, CSS2

Значення за умовчанням

normal

Наслідує

Так

Застосовується

До усіх елементів

Аналог HTML

<I>

Посилання на специфікацію

http://www.w 3.org/TR/CSS21/fonts.html#propdef - font - style

Опис

Визначає зображення шрифту - звичайне, курсивне або похиле. Коли для тексту встановлено курсивне або похиле зображення, браузер звертається до системи для пошуку відповідного шрифту. Якщо заданий шрифт не знайдений, браузер використовує спеціальний алгоритм для імітації потрібного виду тексту. Результат і якість при цьому можуть вийти незадовільними, особливо при друці документу.

Синтаксис

font - style: normal | italic | oblique | inherit

Значення

normal Звичайне зображення тексту.

italic Курсивне зображення.

oblique Похиле зображення. Курсив і похилий шрифт при усій їх схожості не одно і те ж. Курсив це спеціальний шрифт імітуючий рукописний, похилий же утворюється шляхом нахилу звичайних знаків управо.

inherit Наслідує значення батька.

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
    <title>font - style</title>
    <style type="text/css">
      H1 {
        font - family: Verdana, Arial, Helvetica, sans - serif; /* Рубаний шрифт заголовка */
      } 
      P {
        font - family: 'Times New Roman ', Times, serif; /* Шрифт із зарубками */
        font - style: italic; /* Курсивне зображення */
      }
    </style>
  </head>
  <body> 
  
    <h1>Луцький національний техніний університет </h1>
    <p>      Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.    p>
  
  </body>
</html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості font - style

Об'єктна модель

[window.]document.getElementById("elementID").style.fontStyle

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.

Браузери текст зі значенням oblique завжди відображають як курсив (italic).